<template>
  <div class="author-wrapper">
    <el-avatar :size="40" :src="avatar" />
    <span class="username ml-2">{{ nickname }}</span>
  </div>
</template>
<script setup>
const props = defineProps({
  nickname: {
    type: String,
    default: ''
  },
  avatar: {
    type: String,
    default: ''
  }
})
</script>
<style scoped lang="scss">
.author-wrapper {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f0f2f5;
  padding: 10px 0;
}
</style>